@media (max-width : 1024px){
    #home-content-right{
        /*display: none;*/
    }
    .navbar .nav>li>a {
        padding: 10px 10px 10px !important;
    }
    .user-name {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100px;
    }
    .sidebar-left {
        display: none;
    }
    .sidebar-right {
        display: none;
    }
    #banner-money-left {
        display: none;
    }
    #wrapper-content-left{
        /*float: none!important;
        margin: 0 auto;
        width: 100%!important;
        min-width: 755px!important;*/
    }
    .items-home .outer-content{
        width: 65%!important;
        padding-left: 15px!important;
    }
    .items-home .home-item-content-right{
        width: 30%!important;
    }
    .outer-content .picture-link,
    .outer-content .picture{
        max-width: 100%!important;
        min-width: 100%!important;
    }
    #nav-left a {
        font-size: 12px !important;
    }
}
@media (max-width : 1024px){
    .sidebar-left {
        display: none;
    }
    #home-content-right{
        display : none;
    }
}
@media (max-width : 1280px){
    #post-page{
        width : 800px;
    }
    #post-page #white-page {
        width: 480px;
    }
    #post-page .controls{
        margin-left: 90px;
    }
    #post-page .control-label{
        width: 85px;
    }
}
@media (min-width : 1024px) and (max-width: 1280px) {
    .sidebar-left {
        display: none;
    }
    #sliding-prepare {
        width: 745px !important;
    }
    #main{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    #center-all-content{
        width: 980px!important;
    }
    #wrapper-content-left{
        width: 520px!important;
    }
    .outer-content.pull-left{
        padding-left: 15px !important;
        width: 420px;
    }
    .outer-content .picture-link,
    .outer-content .picture{
        max-width: 100%!important;
        min-width: 100%!important;
    }
    .help {
        display: none;
    }
}
@media (min-width : 1260px) and (max-width: 1280px){
    .sidebar-left #suong_kiemtien_banner{
        bottom : 10px;
    }
    #main{
        padding-left: 110px;
    }
}


body {
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: url('/svn/trunk/suong/img/dark_exa.png');
    background-attachment: fixed;
    background: #eee;
    min-width: 1200px;
}
.abs{
    position : absolute;
}
.container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.navbar-inner{
    background : #fff;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #EE5C0D;
    text-decoration: none;
}

#logo {
    font-family: 'Jockey One', sans-serif;
    font-size: 60px;
    color: white;
    width: 270px;
    height: 50px;
    background-position: -8px -28px;
}
#banner-money-left {
    position: fixed;
    left: 0;
    top: 67px;
}

.seo-invisible {
    display: none;
}

.cunach-icon {
    background-image: url('/svn/trunk/suong/img/cunach-icon.png');
}
.font13{
    font-size: 13px;
}
.font24{
    font-size: 24px;
}
.font18{
    font-size: 18px;
}
.menu-notice sup {
    display: inline-block;
    background: red;
    color: white;
    height: 10px;
    font-weight: bold;
    line-height: 10px;
    text-align: center;
    border-radius: 4px;
    padding: 3px;
    font-size: 12px;
    position: absolute;
    right: 110px;
    top: 1px;
}

.fixed-title {
    position: fixed;
    top: 2%;
    right: 21%;
}

#ajax-loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    z-index: 999999;
}

#ajax-loading div {
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 99999;
}

#nav-left {
    padding-left: 20px;
}

.avatar-menu {
    width: 25px;
    height: 25px;
}

#nav-left a {
    color: #151515;
    font-size: 13px;
    font-weight: bold;
}

#nav-left a:hover {
    color: #EE5C0D;
}

#nav-left a.brand {
    background: url('/svn/trunk/suong/img/logo_small.png') no-repeat;
    background-position: 15px 4px;
    height: 20px;
    width: 120px;
    content: '';
}

#menu-container{
    min-width: 765px;
}

#center-all-content {
    width: 940px;
    margin: 40px auto;
    overflow: hidden;
    max-width: 100%;
    min-width: 775px;
}

#wrapper-content-left {
    position: relative;
    width: 520px;
    z-index: 1;
    margin: 5px 60px 0 0;
}
#wrapper-content-left.not-sticky{
    width : 580px;
    margin : 5px 0 0 0;
}
.content-left {
    margin: 5px 0;
    margin-bottom: 20px;
    background: #ffffff;
}

.items-home {
    padding: 15px 0;
    position: relative;
}

.items-home .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.picture-link {
    display: block;
    background: #f8f8f8;
    width: 460px;
    min-height: 320px;
    margin: 0 auto;
    position: relative;
}
.picture {
    display: block;
    max-width: 460px;
    margin: 0 auto;
}
.picture-link.run-gif .picture{
    width: 100%;
    height: 100%;
}
.posted {
    line-height: 24px;
    bottom: 2px;
    position: relative;
    padding: 10px 15px 2px !important;
}

.nav-infomation {
    padding: 10px 15px 5px !important;
}

.cicon-filter,
.cicon-menu {
    display: inline-block;
    text-indent: -999999px;
    position: relative;
    bottom: 3px;
    height: 30px;
    width: 30px;
}

.cicon-filter {
    background-position: -127px -121px;
}

.cicon-menu {
    background-position: -81px -121px;
}

.cicon-video, .cicon-gif {
    display: block;
    position: absolute;
}

.cicon-video {
    background-position: -9px -104px;
    width: 50px;
    height: 53px;
    top: 40%;
    left: 45%;
}

.cicon-gif {
    background-position: -182px -139px;
    width: 75px;
    height: 70px;
    top: 35%;
    left: 40%;
}

.cicon-like {
    display: inline-block;
    height: 17px;
    width: 15px;
    background-position: -129px -172px;
    vertical-align: middle;
}

.action-vote-container {
    padding-bottom: 5px;
    overflow: hidden;
    margin : 0;
}

.action-vote-container li {
    margin: 0 5px;
    line-height: 25px;
    background: #EEE;
    padding: 10px 20px 10px 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2px;
    float: left;
    border: 1px solid #ccc;
}

.action-vote-container li:hover {
    background: rgb(248, 248, 248);
}

.cicon-vote-nice, .cicon-vote-bad {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-indent: -999999px;
    padding: 0 5px;
    float: left;
}

.cicon-vote-nice {
    background-position: -191px -78px;
}

.cicon-vote-bad {
    background-position: -191px -103px;
}



#menu {
    padding: 15px 0 0 0;
}

.menu-right {
    height: 30px;
}

#menu-icon-phone {
    width: 30px;
    height: 30px;
    position: relative;
    top: 10px;
}

.author {
    padding: 7px 0;
    font-size: 13px;
    overflow: hidden;
    line-height: 20px;
    color: #aaa;
}

.author .num {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.author-name {
    font-size: 12px;
    padding: 5px 0px;
    color: rgb(240, 113, 14);
}
.post-time{
    color : #999;
    font-size: 12px;
    margin-left: 10px;
    float: right;
}
.post-stats{
    width : 100%;
    color : #999;
    font-size: 13px;
}
.post-stats .stats-view{
    margin-left: 30px;
    margin-right: 10px;
}
.this-facebook {
    margin-top: 10px;
}
.this-facebook iframe {
    z-index: 99;
}

.author label {
    float: left;
    width: 81px;
}

.center {
    margin: 5px 0 0 0 !important;
}

.loading-page {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #0000b9;
    display: none;
}

#for-desktop a {
    /*padding: 10px 15px 3px;*/

}

#footer-page {
    text-align: center;
    color: black;
    line-height: 20px;
    font-size: 14px
}

#footer-page p {
    margin: 0;
    padding: 0;
}

.custom-input {
    width: 70%;
}

#home-content-right {
    float: left;
    padding: 5px 0 0 60px;
    width: 300px;
}

#view-more {
    width: 100%;
    text-align: center;
    background: rgb(240, 113, 14);
    border-radius: 3px;
    border: 1px solid #8B8B8B;
}

#view-more a {
    color: white;
    font-weight: bold;
    font-family: arial, sans-serif;
    font-size: 14px;
    padding: 10px 0;
    width: 100%;
    display: block;
}

.set-active {
    overflow: hidden;
    border-top: 1px dashed #ccc;
    padding: 10px 0;
}

/* DETAIL */
.home-item-content-right {
    float: left;
    width: 235px;
    padding: 0 0 0 10px;
}

.home-item-content-right h2 {
    font-size: 27px;
    margin: 0;
    line-height: 27px;
    padding: 4px 0 8px 0;
    font-weight: normal;
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
}

.home-item-content-right h2:first-letter {
    text-transform: uppercase;
}

#detail-container {
    margin: 40px auto;
}

#detail {
    overflow: hidden;
    width: 940px;
    margin: 0 auto;
}
#dt-source {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 370px;
}

#dt-left {
    width: 600px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#dt-left h1 {
    width: 390px;
    font-size: 22px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    line-height: 20px;
    text-shadow: 0 0px 1px #999;
    line-height: 25px;
}

#dt-left h1:first-letter {
    text-transform: uppercase;
}

#dt-right {
    padding: 0 0 0 20px;
    width: 300px;
}

#dt-left header {
    padding: 15px 5px 5px 11px;
    background: #fff;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    min-height: 103px;
}
.dt-author-avatar {
    position: absolute;
    top: 10px;
    right: 10px;
}
.edit-delete-post{
    font-size: 13px;
    padding: 5px 5px 0px 0px;
    text-align: right;
    margin-top: 25px;
}
#save-post{
    display:none;
}
.dte-text{
    font-size: 14px;
    color: #333;
    width: 80px;
    float: left;
    text-shadow: none;
    font-weight: bold;
}

#dte-title, #dte-source , #dte-link{
    margin-bottom: 0;
    height: 15px;
    font-size: 13px;
    line-height: 25px;
    margin-top: -5px;
    box-shadow: none;
    border-radius: 0;
    width: 300px;
}
#dte-link{
    margin-bottom: 10px;
}
#dte-content{
    margin-bottom: 0;
    height : 600px;
    width : 600px;
    font-size: 13px;
    line-height: 25px;
    box-shadow: none;
    border-radius: 0;
}
#dt-left .edit-link {
    text-align: left;
    padding: 10px;
}
.dt-author-avatar a {
    display: block;
}

.dt-author-avatar a img {
    max-width: 70px;
    max-height: 70px;
    width: 70px;
}

.dt-content a.link-wrap-content {
    display: block;
    padding: 10px 0 0 0;
    position: relative;
}

.dt-content a img.lazy {
    display: block;
    margin: 0 auto;
    max-width: 600px;
    min-height: 400px;
}

.dt-content {
    margin: 0 auto;
    background: white;
}

.dt-content .notice {
    padding: 10px 25px;
    margin: 10px;
    background: #f0f0f0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.dt-content .notice span.text-color {
    font-weight: bold;
    font-size: 14px;
    color: #EE5C0D;
}

.dt-author {
    padding-top: 8px;
    font-size: 14px;
    color: #333;
    float: left;
    margin-right: 15px;
}

#detail .num {
    color: #EE5C0D;
    font-size: 16px;
}

#dt-action {
    background: #f0f0f0;
    padding: 10px;
    height: 25px;
    border-bottom: 1px solid #e5e5e5;
}

#dt-action .text {
    font-size: 15px;
    color: #EE5C0D;
    float: left;
    font-weight: bold;
    margin-right: 14px;
    line-height: 24px;
}

#dt-action  .fb-like {
    max-width: 400px;
    overflow: hidden;
}

.ads-banner-detail{
    padding-left: 2px;
}
.ads-banner-detail .tiny-txt-ads-header{
    color : #888;
    float: right;
    margin-right: 3px;
    margin-bottom: 2px;
}
.ads-banner-detail .tiny-txt-ads-header a{
    display : inline;
    color : #EE5C0D;
}
.ads-banner-detail sup.helper{
    font-size: 10px;
    color: #091faf;
    padding: 0 5px;
    background: #e5e5e5;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
}
.story-content, .dt-story-content {
    line-height: 25px;
    font-size: 14px;
    /*padding: 10px 20px;*/
}

.story-content {
    /*padding: 10px 20px;*/
}

.story-content-container {
    background: none;
}

.dt-story-content {
    padding: 10px 20px;
}
.text-color {
    padding: 10px;
    color: #EE5C0D;
}
#dt-comment {
    width: 700px;
    margin-left: 12px;
}

/* Upload */
.pos_content {
    width: 70%;
    height: 300px;
}

.video-content {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #fff;
}

.vote-container {
    clear: both;
    padding: 5px;
    border-top: 1px solid #ccc;
    position: relative;
    top: 6px;
}

/*--- Block right ---*/
.right-block {
    float: left;
    background: #ffffff;
    width: 100%;
    margin-bottom: 10px;
    z-index : -1;
}

#home-content-right .vgads_widget,
#dt-right .vgads_widget {
    width: 280px !important;
}

.right-block.fb-fanpage h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.right-block.fb-fanpage {
    background: white;
    padding: 6px;
    margin: 0 0 20px 0;
    max-width: 268px;
}

.right-block h6 {
    margin: 0px;
    overflow: hidden;
}

.right-block .right-block-header {
    border-bottom: 1px solid #ccc;
}

.right-block i.top-by {
    float: right;
    display: inline-block;
    margin: 9px 0px;
    font-size: 15px;
    font-style: normal;
    color: #555;
}

.right-block i.top-by > a {
    text-decoration: none;
    padding: 9px 8px 10px;
    border-bottom: 4px solid transparent;
}

.right-block i.top-by > a.active {
    color: #ee5c0d;
    border-bottom: 4px solid;
    background: #f9f9f9;
}

.block-title {
    font-size: 15px;
    padding: 0 8px;
    display: inline-block;
    line-height: 20px;
    color: #ee5c0d;
}

.block-content {
    padding: 0px;
    margin: 0px;
    background: #ffffff;
}

.block-item {
    float: left;
    padding: 10px;
    width: 260px;
    max-height: 128px;
    overflow: hidden;
}

.block-item a {
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: 100%;
    max-height: 35px;
    overflow: hidden;
    font-weight: bold;
    font-size: 13px;
    color: #666;
}

.block-item img.small {
    width: 35px;
    min-width: 35px;
    max-width: 35px;
    float: left;
}

.block-item .info {
    margin-left: 40px;
}

.block-item .info span {
    display: block;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-item div.pic-content {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
    float: left;
    width: 59%;
}

.top-users {
    padding: 0 0 5px 0;
}

.user-info {
    padding: 10px;
    max-height: 128px;
    overflow: hidden;
    position: relative;
}


.user-info img.small {
    width: 35px;
    min-width: 35px;
    max-width: 35px;
    float: left;
}

.user-info .info {
    padding-left: 50px;
}

.user-info .info p {
    font-weight: bold;
}

.user-info .block-item-right {
    line-height: 11px;
    font-size: 15px;
}

.user-info .block-item-right .date-time {
    font-size: 11px;
}

.users .block-content {
    padding: 10px !important;
}

.block-content li {
    padding: 2px 3px;
}

.block-content li.block-item-post {
    padding-left: 5px;
    padding-bottom: 5px;
    height: 80px;
    overflow: hidden;

}

.block-content li.block-item-post a {
    display: block;
}

.block-content li.block-item-post img.small {
    float: left;
    width: 70px;
    height: 70px;
}

.block-content li.block-item-post .imgcontent {
    float: left;
    width: 60px;
    height: 60px;
    font-size: 13px;
    color: #000;
    text-shadow: 0 0 4px #aaa;
    line-height: 22px;
    overflow: hidden;
    padding: 5px;
    background: #fefefe;
    box-shadow: 0 0 1px #000;
}

.block-content li.block-item-post .pic-content {
    margin-left: 75px;
}

.block-content li.block-item-post .pic-stats {
    margin-left: 75px;
}

.pic-content h6 a {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
}

.pic-content h6 a:hover {
    color: #EE5C0D;
}

.number {
    font-size: 16px;
}

/* Login */
#white-page,
#login-page {
    min-height: 200px;
    background: white;
    padding: 10px;
    margin: 40px auto;
}
#login-page {
    width: 500px;
}

#login-form {
    margin: 45px 0;
}

#login-page h1 {
    width: 98%;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    padding: 3px 0 0 20px;
    color: #4b4b4b;
    margin: 0 0 12px 0;
}

/* trang profile */
#profile {
    background: white;
    padding: 10px;
    margin: 5px;
}

.pro-control {
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px 0;
    padding: 13px;
}

#pro-avatar {
    max-width: 150px;
}

#statistics ul {
    padding: 0 10px;
}

#statistics ul li {
    padding: 5px 0;
}

.stt_post_title {
    padding: 5px 0;
    font-style: italic;
    font-size: 14px;
    width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.color-money {
    color: #be0035;
}

.dola {
    font-weight: bold;
    font-style: normal;
    padding-right: 2px;
}

#stt-money-right {
    border-left: 1px dotted #ccc;
    padding: 7px 0 0 10px;
}

.top-user-link {
    float: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Trang profile */
.stt_block {
    display: block;
}

.iphidden {
    display: none;
}

#datepicker {
    z-index: 1;
}

.nav .help > a {
    color: #FF0000;
}

.nav .help .dollar-coin {
    width: 30px;
    height: 30px;
    background: url('/svn/trunk/suong/img/dollar_coin.png');
    float: left;
    margin-top: -5px;
    margin-right: 2px;
}

.help-content {
    padding: 5px;
}

.help-body {
    padding: 10px;
    background: #fff;
    border-radius: 4px;
}

.help-body h2 {
    font-size: 24px;
    color: #000099;
}

.help-body h3 {
    font-size: 20px;
    color: #FF0000;
}

.dt-author-avatar .uploader {
    float: left;
    margin-left: 10px;
    background-color: #EEE;
    padding: 5px 5px 5px 8px;
    width: 170px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #545454;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 1px #ccc;
}

.uploader img {
    width: 45px;
    height: 45px;
    float: left;
    margin-top: 3px;
}

.dt-author-avatar .uploader .info {
    float: left;
    margin-left: 3px;
    margin-top: 3px;
}

.dt-author-avatar .uploader .info a {
    display: block;
    line-height: 13px;
    color: #EE5C0D;
    text-decoration: none;
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dt-author-avatar .uploader .info .likes {
    color: #EE5C0D;
    font-weight: bold;
    font-size: 12px;
}

#bxh {
    margin-top: 5px;
}

#bxh .owner {
    padding: 10px;
    background: #fff;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #ccc;
}

#bxh .owner i {
    font-size: 11px;
    font-weight: normal;
    display: block;
}

#bxh .owner .num {
    font-size: 16px;
    color: #EE5C0D;
}

.listuser .user-row {
    height: 130px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    position: relative;
}

.listuser .user-row img {
    width: 100px;
    height: 100px;
    float: left;
}

.listuser .user-row .info {
    margin-left: 110px;
}

.listuser .user-row .info .user-name {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
    display: block;
    width: 400px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listuser .user-row .info .numtop {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #EE5C0D;
    font-size: 16px;
    font-weight: bold;
}

.listuser .stats {
    font-size: 14px;
    font-weight: bold;
}

.listuser .stats .num {
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
    margin-left: 3px;
    color: #EE5C0D;
}

.listuser .stats .total-coin {
    padding: 10px 0;
}

.sidebar-left{
    position: fixed;
    left: 20px;
    bottom : 5px;
}
.sidebar-right {
    position: fixed;
    right : 20px;
    bottom: 5px;
}
.wtm-hidden {
    position: absolute;
    width: 100%;
    height: 30px;
    background: #fff;
    bottom: 0px;
}

/* NOTICE  */
.list-notice {
    background: white;
    padding: 1px 10px 0 10px;
    margin: 5px 0;
    min-height: 1118px;
}

.list-notice h5 {
    border-bottom: 1px solid #8A8A8A;
    padding: 0 0 5px 0;
}

.list-notice section {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0;
}

.list-notice section:last-child {
    border-bottom: none;
}

.list-notice section i {
    font-weight: bold;
}

.list-notice section i.notice-time {
    padding-left: 20px;
    font-weight: normal;
}

.content_footer {
    text-align: center;
}

.fmenu {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

.fmenu li {
    display: inline-block;
    font-weight: bold;
    margin: 5px 10px;
}
.tos-left,
.tos-right{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 15px;
}
.tos-left {
    width: 730px;
    float: left;
}
.tos-right{
    float: right;
    margin-left: 15px;
    text-align: center;
    width: 240px;
}
.tostitle{
    border-bottom: 1px solid #CCC;
    font-size: 26px;
    margin: 0 0 15px;
    padding-bottom: 9px;
}
.clear{
    clear: both;
}
.dtime{
    margin-right: 10px;
    width: 60px;
}
.dtimelbl{
    display: block;
    font-size: 14px;
    margin-right: 5px;
}
#suong_detail_720x100{
    width: 720px;
    height: 100px;
    overflow: hidden;
    box-shadow: none;
    margin-bottom: 10px;
}
#suong_right_html{
    background: #fff;
    padding-bottom: 10px;
}
.margin-10b{margin-bottom: 10px}
.suongAds{
    width : 300px;
    z-index: 0;
    background : transparent;
}
.suong_right_banner_item {
    margin-bottom: 5px;
}
.suongAds .adsright_280x280{
    margin-bottom : 5px;
}
.top-post-title{
    border-top: 1px solid #CCCCCC;
    height: 38px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-align: right;
}
.tabs-bt{
    border-bottom: 4px solid transparent;
    font-size: 14px;
    padding: 9px 8px 10px;
    text-decoration: none;
}
.tabs-bt.active {
    background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 4px solid;
    color: #EE5C0D;
}
.mb15{
    margin-bottom: 15px;
}
.underline{
    text-decoration: underline;
}
.ads-line-detail{
    float: left;
    line-height: 24px;
    font-size: 13px;
    width: 581px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dt-control{
    margin-top: 13px;
    margin-right: 5px;
    position: absolute;
    top: 74px;
    right: 5px;
}
#dt-control-next{
    border-radius: 0 3px 3px 0;
}
#dt-control-prev{
    border-right: 0;
    border-radius: 3px 0px 0px 3px;
    width : 80px;
}
.post-prev, .post-next{
    background-image: url("/svn/trunk/suong/img/npbg.png");
    background-repeat: no-repeat;
    height: 28px;
    width: 16px;
}
.post-prev{
    float : left;
    background-position: left center;
}
.post-next{
    float : right;
    background-position: right center;
}
.control-quickview{
    width: 78px;
    display: block;
    float: left;
    line-height: 30px;
    font-size: 14px;
    height: 30px;
}
#like-page{
    float: left;
    margin-top: 10px;
}
#like-page .fanpage-menu {
    float: left;
    margin-right: 5px;
    padding: 2px 7px;
    background: #335E9C;
    color: #fff;
    line-height: 16px;
    box-shadow: 0 1px 1px #333;
    border-radius: 3px;
}
.dt-like-facebook{
    position: fixed;
    top: 182px;
    margin-left: -66px;
    padding : 5px;
    background: #fff;
    border : 1px solid #ccc;
    border-radius: 4px;
    z-index: 1;
    min-width: 50px;
    min-height: 60px;
}
.dt-like-facebook .arrow-tip-left{
    position: absolute;
    right: -6px;
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    top: 15px;
}
#suong_home_750x150{
    width: 100%;
    overflow: hidden;
}
#suong_home_750x150 > div.adsdiv{
    max-width: 100%;
}
#suong_detail_600x100 {
    width: 600px;
    height: 100px;
    overflow: hidden;
}
#suong_detail_600x100 img{
    max-width: 100%;
}
.dt_share{
    background: none repeat scroll 0 0 #ECEEF5;
    border: 1px solid #CAD4E7;
    border-radius: 3px;
    color: #3B5998;
    line-height: 18px;
    text-align: center;
}
.dt_share a{
    color: #3B5998;
}

.top-users .block-item {
    float: left;
    width: 120px;
}
#suong_kiemtien_banner{
    position: fixed;
    bottom : 0;
    left : 35px;
}
.before-loading {
    text-align: center;
    background: rgb(71, 71, 71);
    padding: 5px 2px;
}
.report {
    background: rgb(240, 240, 0);
    float: left;
    padding: 6px 11px;
    color: rgb(63, 63, 63);
    font-size: 13px;
    cursor: pointer;
}
#user-report {
    width: 515px;
    min-height: 100px;
}
label[for="user-report"]:before {
    content : ' *';
    color: red;
}


/*Report Page*/
#report-form {
    position: static;
    margin: 40px auto;
}
#report-form #content {
    height: 200px;
    resize: none;
}
#report-form .form-group label {
    font-weight: bold;
}
#report-form .form-group label:after {
    content : ' *';
    color: red;
}
.mfor{
    font-size: 12px;
    font-weight: normal;
    width: 450px;
    color: #EE5C0D;
}
.mfor ul{
    margin: 0 0 0 22px;
}
.mfor ul li{
    line-height: 16px;
}

.autabs li {
    float: left;
}
.autabs {
    overflow: hidden;
    list-style: none;
    margin: 0;
    background: white;
}
.autabs li a {
    float: left;
    padding: 10px 10px;
    font-weight: bold;
}
.autabs .active, .autabs li a:hover {
    background: #ee5c0d;
    color: white;
}
#logocr{
    background: #fff;
    margin-top: 10px;
    padding: 5px 5px;
}
#modal-search input[type="text"]{
    border-radius: 0;
}
#modal-search button[type="submit"] {
    border-radius:0;
    padding-left:32px;
    padding-right:32px;
}
#wrapper-content-left #author-tab{
    margin-bottom: 10px;
}
#content-left-container article{
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 3px;
    padding-bottom: 15px;
}
#content-left-container article header{
    padding: 15px 30px 0;
    position: relative;
}
#content-left-container header h2{
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.2em;
    color: #222;
}
#content-left-container header .author-avatar{
    width: 60px;
    height: 85px;
    background: #fff;
    margin-bottom: 10px;
    text-align: center;
}
#content-left-container header .author-avatar span{
    font-size: 11px;
    font-weight: bold;
    padding : 5px 5px;
    float: left;
}
#content-left-container header h2:first-letter{
    text-transform: uppercase;
}
#content-left-container .float-function{
    position: absolute;
    top: 10px;
    left: auto;
    right : -60px;
    width: 60px;
}
#content-left-container .admin-function{
    margin-top: 10px;
}
#content-left-container .is_deleted{
    padding : 5px 8px;
    background : #777;
    color : #fff;
    font-weight: bold;
    text-align: center;
    display: block;
}
#content-left-container .admin-function .func-bt, .ban-user{
    padding : 5px 8px;
    background : #a9302a;
    color : #fff;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 5px;
    cursor:pointer;
}
#content-left-container .facebook-like{
    display: block;
    width : 60px;
    height: 65px;
    padding-top: 5px;
    text-align: center;
    background: #ddd url('/svn/trunk/suong/img/facebook-loading.gif') center 23px no-repeat;
}
#content-left-container .share-fb{
    margin : 10px 0px;
}
#content-left-container .share-fb a{
    background: url('/svn/trunk/suong/img/post-function.png') center -280px no-repeat;
    display: block;
    color: #999;
    width: 60px;
    text-align: center;
    padding-top: 40px;
}
#content-left-container .share-fb a:hover{
    background: url('/svn/trunk/suong/img/post-function-color.png') center -280px no-repeat;
    color: #3c5a96;
}
#content-left-container .share-fb a span{
    display: block;
    line-height: 14px;
    background-color: #eee;
}
#content-left-container .facebook-comment{
    background: url('/svn/trunk/suong/img/post-function.png') center -198px no-repeat;
    display: block;
    color: #999;
    width: 60px;
    text-align: center;
    padding-top: 40px;
}
#content-left-container .facebook-comment span{
    display: block;
    line-height: 14px;
    background-color: #eee;
}
#content-left-container .facebook-comment:hover{
    background: url('/svn/trunk/suong/img/post-function-black.png') center -198px no-repeat;
    color : #444;
}
#content-left-container .post-container{
    position: relative;
    text-align: left;
    padding: 15px 0 0;
    margin: 0 30px;
}
#content-left-container .vote-function ul{
    margin : 0;
    padding : 0;
    list-style: none;
}
#content-left-container .vote-function a.good{
    width : 60px;
    height : 60px;
    display: block;
    background: #ddd url('/svn/trunk/suong/img/post-function.png') center 11px no-repeat;
    text-indent: -9999px;
    margin-bottom: 10px;
}
#content-left-container .vote-function a.good:hover, .home-vote-up{
    background: #ee5c0d url('/svn/trunk/suong/img/post-function.png') center -30px no-repeat !important;
}
#content-left-container .vote-function a.meh{
    width : 60px;
    height : 60px;
    display: block;
    background: #ddd url('/svn/trunk/suong/img/post-function.png') center -70px no-repeat;
    text-indent: -9999px;
    margin-bottom: 10px;
}
#content-left-container .vote-function a.meh:hover, .home-vote-down{
    background: #aaa url('/svn/trunk/suong/img/post-function.png') center -110px no-repeat !important;
}
/** Style cho wall của danh hài **/
#msg-content-wrap{
    overflow: hidden;
    background: #fff;
    border: 1px solid #d3d6db;
}
#msg-content-post{
    width: 500px;
    border: none;
    box-shadow: none;
    resize: none;
    min-height: 40px;
    padding: 9px;
}
.msg-action{
    overflow: hidden;
    padding: 9px;
    background: #f6f7f8;
    border-top: 1px solid #e9eaed;
}
.msg-action .pull-left {
    margin-bottom: 0;
    font-size: 13px;
}
.msg-action .pull-left input[type="checkbox"] {
    margin: 0 3px 0px 0px;
}
.msg-action .pull-right button.post-comment {
    background-color: #4e69a2;
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    box-shadow: none;
    padding: 2px 15px;
    border-radius: 3px;
    cursor: pointer;
    font-family: tahoma,verdana,arial,sans-serif;
}
#msg_list_post{
    clear : both;
    margin-top : 20px;
    font-family: tahoma,verdana,arial,sans-serif;
}
#mw-report-modal {

}
.msg_post_item{
    overflow : hidden;
    margin-bottom: 30px;
}

.msg_post_item .item_content {
    position: relative;
    padding: 12px;
    background: #fff;
    border: 1px solid #d3d6db;
}
.msg_post_item .tmp-mw{
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid #f0f0f0;
    display: none;
}
.msg_post_item:hover .tmp-mw{
    display: block;
}
.msg_post_item .tmp-mw:hover{
    border: 1px solid #ccc;
    cursor : pointer;
}
.msg_post_item .tmp-mw a.dropdown-toggle{
    display: block;
}

.msg_post_item .tmp-mw .caret{
    margin-top: 7px;
    margin-left: 4px;
    border-top-color: #aaa;
}
.msg_post_item .tmp-mw .dropdown-menu {
    right: -3px;
    left: auto;
    border-radius: 0;
}
.msg_post_item .tmp-mw {

}
.tmp-mw .dropdown-menu>li>a:hover, .tmp-mw .dropdown-menu>li>a:focus, .tmp-mw .dropdown-submenu:hover>a, .tmp-mw .dropdown-submenu:focus>a{
    background : #4e69a2;
}
.msg_post_item .info_post {
    overflow: hidden;
}
.msg_post_item .msg_content {
    margin : 15px 0;
    line-height: 24px;
    font-size: 13px;
}
.msg_post_item .info_post .avatar {
    width : 40px;
    height : 40px;
    border-radius: 3px;
    float: left;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}
.msg_post_item .info_post .user_post {
    margin-left: 50px;
    font-size: 12px;
    line-height: 16px;
}
.msg_post_item .info_post .user_post .sender, .msg_post_item .info_post .user_post .receiver{
    font-weight: bold;
    padding : 0 3px;
    color: #3b5998;
}
.msg_post_item .info_post .user_post a:hover{
    text-decoration: underline;
    color : #3b5998;;
}
.msg_post_item .info_post .link_detail_msg{

}
.msg_post_item .info_post .timepost{
    color: #888;
    font-size: 11px;
    text-transform: lowercase;
    line-height: 15px;
    padding: 1px 3px;
}
.msg_post_item .info_post a:hover .timepost{
    text-decoration: underline;
}
.msg_post_item .item_action {
    background: #FAFBFB;
    padding: 9px 12px 12px 8px;
    font-size: 11px;
    line-height: 1.28;
    border-left: 1px solid #d3d6db;
    border-right: 1px solid #d3d6db;
    border-bottom: 1px solid #d3d6db;
    position: relative;
}
.msg_post_item .item_action .item_action_text {
    color : #3b5998;
    margin-right: 12px;
}
.msg_post_item .item_action .item_action_text.pull-right{
    margin-right: 0;
}
.msg_post_item .item_comment{
    display: none;
    background : #fff;
    border : 1px solid #d3d6db;
    border-top: none;
}
.msg_post_item .fb-like{
    position: absolute;
    bottom: 5px;
    margin-left: 5px;
}
.msg_post_item.msg_post_detail .info_post{
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}
.msg_post_item.msg_post_detail .item_content {
    padding : 17px;
}
.msg_post_item.msg_post_detail .user_post {
    margin-left: 60px;
    margin-top: 7px;
}
.msg_post_item.msg_post_detail .avatar {
    width : 50px;
    height: 50px;
    border : none;
    border-radius: 0;
}
#listModalUser .item .avatar{
    width: 190px;
    height: 190px;
    margin-right: 5px;
}
#listModalUser .item .avatar img{
    width : 170px;
    height : 170px;
    margin: 10px auto;
    display: block;
}
#listModalUser .item .info {
    padding: 10px;
    width : 340px;
}
#listModalUser .item .info .username {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    color : rgb(240, 113, 14);
    margin-bottom: 10px;
}
#listModalUser .item .info .userstat {
    clear: both;
    overflow: hidden;
}
#listModalUser .item .info .userstat span{
    float: left;
    margin-right: 30px;
    font-size: 13px;
}
#listModalUser hr{
    margin : 5px 0;
}
#listModalUser .item .userlink{
    clear : both;
    margin-top: 10px;
}
#listModalUser .item .userlink a{
    padding : 2px 0px 2px 0;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    color : rgb(240, 113, 14);
    display: block;
}
#listModalUser .item .userlink a:hover{
    text-decoration: underline;
}
#mw-report-modal form{
    margin : 0;
}
#mw-report-modal .modal-header{
    background: #47649F;
    color : #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    border-radius: 4px 4px 0 0;
    padding: 5px 15px;
}
#mw-report-modal .modal-header a.close:hover{
    color : #fff;
    opacity: 1;
}
#mw-report-modal .modal-body h3{
    margin: 0;
    font-size: 16px;
    line-height: 28px;
}
#mw-report-modal .list-report-issue{
    font-size: 12px;
    color : #555;
    margin-top: 10px;
}
#mw-report-modal .list-report-issue label {
    font-size: 12px;
}
#mw-report-modal .list-report-issue label input {
    margin-top: 0;
    width: 11px;
    margin-right: 3px;
}
#mw-report-modal .modal-footer .submit {
    background-color: #4e69a2;
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    box-shadow: none;
    padding: 2px 15px;
    border-radius: 3px;
    cursor: pointer;
    font-family: tahoma,verdana,arial,sans-serif;
}
.vote-up {
    background: #EE5C0B !important;
}

.vote-down {
    background: #aaa  !important;
}
#suong_home_1_520x200 {
    width: 520px;
    height: auto;
    overflow: hidden;
    text-align: center;
}
#suong_home_2_520x200 {
    width: 520px;
    height: auto;
    overflow: hidden;
    text-align: center;
}
#post-page {
    margin: 0 auto;
    width: 1024px;
}
#white-page {
    float: left;
    min-height: 550px;
    width: 630px;
}
#tos {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 40px 10px;
    padding: 10px;
    width: 334px;
}
#tos h2 {
    font-size: 18px;
    margin: 0 0 0 24px;
}
.custom-input, .pos_content{
    width: 95%;
}
.tin247_banner{
    margin-left: -20px;
    margin-bottom: -10px;
    border: 1px solid #ccc;
    background: #fff;
}
.tin247_banner h3{
    font-size: 12px;
    color: #fff;
    margin: 0;
    line-height: 16px;
    padding: 8px;
    background: #EE5C0D;
    width: 185px;
}
.tin247_banner h3 a{
    color: #fff;
}
.tin247_banner h3 a.close{
    color : #fff;
    font-weight: normal;
    opacity: 1;
    font-size: 16px;
    line-height: 16px;
}
.tin247news {
    margin: 0;
    padding: 8px;
    width: 185px;
    list-style: none;
}
.tin247news li{
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    padding: 4px 0;
}
.tin247news li .info-item{
    font-size: 9px;
    font-weight: normal;
    color: #999;
    overflow: hidden;
}
.tin247news li img{
    float: left;
    width: 30px;
    margin-right: 3px;
    margin-top: 2px;
}
.tin247news li.li-bottom{
    margin-bottom: 10px;
    font-weight: normal;
}
.frame-list-detail {
    width: 100%;
    max-height : 145px;
    overflow: hidden;
    margin-top: 10px;
}
.item-frame-detail{
    width: 260px;
    padding: 5px;
    float: left;
    margin: 9px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 0 3px #ccc;
    background: #f0f0f0;
    padding-left: 15px;
    padding-bottom: 10px;
}
.item-frame-detail h4 {
    margin: 5px 0px;
    font-size: 15px;
}
.item-frame-detail .item-title {
    font-weight: bold;
    margin-left: 75px;
    font-size: 14px;
    overflow: hidden;
    line-height: 17px;
}
.item-frame-detail .item-thumb {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
#banner_kiemtien {
    background: url('../../../pictures/bannerkiemtien.png');
    height: 200px;
    margin-bottom: 40px;
    width: 140px;
}
@media (min-width: 1326px) and (max-width : 1345px) {
    #nav-left a {
        font-size: 12px;
    }
    #center-all-content{
        width: 900px;
    }
    #wrapper-content-left{
        margin: 5px 20px 0 0;
    }
    .tin247news li{
        font-size: 10px;
    }
}
@media  (min-width : 1280px) and (max-width : 1325px) {
    .tin247_banner h3, .tin247_banner .tin247news{
        width : 145px;
    }
    .tin247news li {
        font-size: 10px;
    }
    .tin247news li img{
        display: none;
    }
}
.cc-center {
    text-align: center;
}
#search-type input {
    float: left;
    margin: 4px 5px 0 0;
    display: inline-block;
}
#search-type label {
    padding: 10px 10px 10px 0;
}
.search-link-image {
    display: block;
    text-align: center;
    position: relative;
}
.search-image {
    margin: 0 auto;
    display: block;
    width: 460px;
}
.search-icon-play {
    position: absolute;
    top: 40%;
    left: 45%;
}
.search-item header {
    padding: 5px 0 10px 30px !important;
}
a.view-more-link {
text-align: center;
background: #F0710E;
border-radius: 3px;
border: 1px solid #8B8B8B;
color: #FFF;
font-weight: bold;
font-family: arial, sans-serif;
font-size: 14px;
padding: 10px 0;
width: 100%;
display: block;
}

img.before-loading {
max-width: 100%;
text-align: center;
background: #474747;
padding: 5px 2px;
}